// 明亮模式变量
:root {
  // 文字颜色
  --base-color-text-primary: #101010;
  // 背景色
  --base-sys-bg-color: #f7f8fa;
  // 边框阴影
  --base-border-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
  //菜单背景色
  --base-menu-bg-color: #fff;
  // 布局尺寸
  --base-layout-header-height: 60px;
  --base-layout-aside-width: 200px;
  --base-layout-beadCrumb-height: 40px;

  //卡片背景色
  --base--car-bg-color: #fff;


  //用户信息
  --info-top-bg-color: #E8F4FF;

}

// 暗黑模式变量
.dark {
  // 文字颜色
  --base-color-text-primary: #e5e5e5;
  // 背景色
  --base-sys-bg-color: #141414;
  // 边框阴影
  --base-border-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
  //菜单背景色
  --base-menu-bg-color: #141414;
  // 布局尺寸保持不变
  --base-layout-header-height: 60px;
  --base-layout-aside-width: 200px;
  --base-layout-beadCrumb-height: 40px;

  //卡片背景色
  --base--car-bg-color: #141414;

  //用户信息
  --info-top-bg-color: #141414;
}


// 将变量映射到Sass变量
$base-color-text-primary: var(--base-color-text-primary);
$base-sys-bg-color: var(--base-sys-bg-color);
$base-border-shadow: var(--base-border-shadow);
$base-layout-header-height: var(--base-layout-header-height);
$base-layout-aside-width: var(--base-layout-aside-width);
$base-layout-beadCrumb-height: var(--base-layout-beadCrumb-height);
$base-menu-bg-color: var(--base-menu-bg-color);
$base-card-bg-color: var(--base--car-bg-color);
//用户信息
$info-top-bg-color: var(--info-top-bg-color);
